<template>
  <div class="home">
    <NavTop></NavTop>
    <HotspotNav></HotspotNav>
    <TimeLimitPriceReduction></TimeLimitPriceReduction>
    <Seckill></Seckill>
    <BottomList></BottomList>
    <!-- <GroupWork></GroupWork> -->
    <NavFooter :isActive="0"></NavFooter>
  </div>
</template>

<script>
import NavTop from "../components/home/NavTop";
import HotspotNav from "../components/home/HotspotNav";
import TimeLimitPriceReduction from "../components/home/TimeLimitPriceReduction";
import Seckill from "../components/home/Seckill";
import GroupWork from "../components/home/GroupWork";
import ClassifyExhibition from "../components/home/ClassifyExhibition";
import ShopRecommendation from "../components/home/ShopRecommendation";
import GoodsExhibition from "../components/home/GoodsExhibition";
import BottomList from "../components/home/newcommponents/list.vue";

import NavFooter from "../components/public/NavFooter";

import store from "../store";
import { onMounted } from "vue";
export default {
  name: "Home",
  components: {
    NavTop,
    HotspotNav,
    NavFooter,
    TimeLimitPriceReduction,
    Seckill,
    // GroupWork,
    BottomList
  },
  setup() {
    store.dispatch("getView");
    store.dispatch("getArticle");
  },
};
</script>

<style lang="less" scoped>
.home {
  background-color: #ededed;
  margin-bottom: 51px;
}
</style>
